﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="ProductDetail.aspx.cs"
    Inherits="Golf.WebUI.ProductDetail" %>

<%@ Register Src="~/UserControl/Header.ascx" TagName="Header" TagPrefix="UserHeader" %>
<%@ Register Src="~/UserControl/footer.ascx" TagName="Footer" TagPrefix="UserFooter" %>
<%@ Register Src="~/UserControl/ToolbarContainer.ascx" TagName="Toolbal" TagPrefix="UserToolbal" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <link href="Style/Base.css" rel="stylesheet" type="text/css" />
    <title>Product detail</title>
    <link href="Style/imagestyle/detail.css" rel="stylesheet" type="text/css" />
    <link href="Style/imagestyle/thickbox.css" rel="stylesheet" type="text/css" />

    <script type="text/javascript">
       
        window.jQuery || document.write('<script src="Script/jquery/jquery-1.4.1.min-vsdoc.js" type="text/javascript"><\/script>');
    </script>

    <script src="Script/jquery/jquery-1.4.1-vsdoc.js" type="text/javascript"></script>

    <script src="scripts/jquery.jqzoom.js" type="text/javascript"></script>

    <script src="scripts/use_jqzoom.js" type="text/javascript"></script>

    <script src="scripts/jquery.thickbox.js" type="text/javascript"></script>

    <script src="scripts/jquery.livequery.js" type="text/javascript"></script>

    <script src="scripts/switchImg.js" type="text/javascript"></script>

    <link href="Css/shared-not-home.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
        .Details ul li
        {
            height: 30px;
            clear: both;
        }
        .Details ul li div.li_One
        {
            float: left;
            width: 100px;
            text-align: right;
            padding-right: 10px;
            font-size: 12px;
            font-weight: bold;
        }
        .Details ul li div.li_Two
        {
            float: left;
            width: 200px;
        }
        .Details ul li select
        {
            border: 1px solid #ccc;
            padding: 3px;
            width: 193px;
            text-align: center;
        }
        .Details ul li select option
        {
            padding-left: 5px;
            padding-right: 5px;
        }
        .Details ul li input.txt_input
        {
            border: 1px solid #ccc;
            padding: 3px;
            padding-left: 5px;
            padding-right: 10px;
            height: 20px;
            line-height: 20px;
            width: 50px;
            font-size: 15px;
        }
        .Details ul li input.txt_input:focus
        {
            border: 1px solid #8bbd05;
            border-style: dashed;
            background-color: Transparent;
        }
        /*Customer birthday*/.curs_ div.li_One
        {
            clear: left;
            float: left;
            width: 155px;
            text-align: right;
            padding-right: 10px;
            font-size: 12px;
            font-weight: bold;
        }
        .curs_ div.li_Two
        {
            float: left;
            width: 48px;
        }
        ul li div.li_one2
        {
            float: left;
            height: 130px;
            width: 120px;
        }
        ul li div.li_one3
        {
            float: left;
            width: 120px;
            height: 130px;
        }
        #Top
        {
            width: 1004px;
            height: 80px;
            background-image: url("Images/new-spectags.png");
            background-repeat-x: no-repeat;
            background-repeat: no-repeat;
            background-attachment: inherit;
            background-position-x: 240px;
            background-position-y: -32px;
            background-origin: initial;
            background-clip: initial;
            background-color: initial;
        }
        #Top_title
        {
            font-family: 微软雅黑;
            font-size: 20px;
        }
        #Top_title1
        {
            font-size: 18px;
            color: Green;
        }
        #Content_LeftMax
        {
            width: 375px;
            height: 480px;
            float: left;
        }
        #Content_Right
        {
            width: 600px;
            height: 475px;
            float: right;
        }
        #Content_Right_Top
        {
            width: auto;
            height: 40px;
        }
        #topmessage
        {
            width: 160px;
            height: 40px;
            float: left;
        }
        #topimage
        {
            width: 440px;
            height: 40px;
            float: right;
        }
        #Right_Centerleft
        {
            width: 370px;
            height: 304px;
            float: left;
        }
        #Right_Center2
        {
            width: 208px;
            height: 273px;
            float: right;
        }
        #stockShow
        {
            background: url("Images/stockIconWhite.png" ) no-repeat right -71px;
            background-image: url("Images/stockIconWhite.png" );
            background-repeat-x: no-repeat;
            background-repeat-y: no-repeat;
            background-attachment: initial;
            background-position-x: 100%;
            background-position-y: -80px;
            background-origin: initial;
            background-clip: initial;
            background-color: initial;
        }
        #centernull
        {
            width: 100%;
            height: 80px;
            background-color: Green;
        }
        #centershowimage
        {
            width: 100%;
            height: 2px;
            background-image: url("Images/social-top.png");
            background-attachment: initial;
            background-position-x: 0px;
            background-position-y: 0px;
            background-origin: initial;
            background-clip: initial;
            background-color: initial;
        }
        #centershowimage1
        {
            width: 380px;
            height: 2px;
            background-image: url("Images/social-top.png");
            background-attachment: initial;
            background-position-x: 0px;
            background-position-y: 0px;
            background-origin: initial;
            background-clip: initial;
            background-color: initial;
        }
        #centershow
        {
            width: 100%: height: 50px;
        }
        #centershowconte
        {
            width: 100%: height: 38px;
            background-color: White;
        }
        #centerlast
        {
            width: 100%:;
        }
        ul
        {
            list-style: none;
            list-style-type: none;
            list-style-position: initial;
            list-style-image: initial;
        }
        .freeDelivery
        {
            width: 124px;
            height: 27px;
            padding: 13px 0 0 221px;
            margin-left: 19px;
            float: left;
            font-size: .7em;
            background: url(images/bonus.png) no-repeat 0 0;
        }
        .moneyback
        {
            width: 289px;
            height: 24px;
            float: left;
            padding: 32px 0 0 57px;
            margin-left: 20px;
            font-size: .7em;
            color: #5B5B5B;
            background: url(images/bonus.png) no-repeat 0 bottom;
        }
        #priceContainer
        {
            background-position: 0px 0px;
            width: 209px;
            height: 255px;
            float: right;
            padding-top: 14px;
            text-align: center;
            position: relative;
            background-image: url("Images/priceBg.png");
            top: 0px;
            left: 0px;
        }
        #Content_Right_bootom
        {
            width: 622px;
            height: 70px;
            background-color: Black;
        }
        .pProd
        {
            width: 130px;
            display: block;
            text-align: center;
        }
        .pTitle
        {
            border: 0 none;
            font-family: Arial,Helvetica, "sans serif";
            font-size: 10px;
            font-style: inherit;
            margin: 0;
            outline: 0 none;
            padding: 0 4px;
            height: 27px;
            overflow: hidden;
            vertical-align: baseline;
            font-weight: bold;
            text-align: center;
        }
        .placeholder
        {
            width: 124px;
            height: 62px;
            float: left;
            border: 1px solid #737373;
            font-size: 10px;
            margin: 0px auto;
        }
        .placeholder a
        {
            display: block;
        }
        .priceCont
        {
            width: 100%;
            line-height: 13px;
            float: left;
            color: black;
            margin-top: 6px;
        }
        .pPriceLabel
        {
            text-transform: uppercase;
            font-size: 11px;
            float: left;
            display: block;
            padding-left: 30px;
            padding-top: 1px;
        }
        .pPrice
        {
            float: right;
            padding-right: 40px;
            width: 20px;
            font-size: 13px;
            font-weight: bold;
        }
        ul.perfectPartner_Ul
        {
            height: 104px;
        }
        ul.perfectPartner_Ul li
        {
            float: left;
            width: 130px;
            height: 104px;
            text-align: center;
        }
        p.saving span
        {
            font-size: 20px;
            font-family: tahoma;
        }
        #btnAddToBasket:hover
        {
            background-position: 0px 35px;
        }
        .productHeader
        {
            height: 66px;
            margin-bottom: 14px;
            padding-top: 12px;
            position: relative;
        }
        .productHeader .brandImg
        {
            width: 209px;
            height: 57px;
            display: block;
            position: absolute;
            top: 11px;
            right: 10px;
        }
        .productHeader h1.specProd
        {
            padding-right: 118px;
            position: relative;
        }
        .productHeader h1
        {
            padding-left: 16px;
            margin-left: 12px;
            float: left;
            font-size: 1.4em;
            letter-spacing: -1px;
            color: #4A4A4A;
        }
        .productHeader h1.specProd .tag
        {
            width: 108px;
            height: 38px;
            position: absolute;
            right: 0;
            top: -4px;
            background: url(images1/new-specTags.png) no-repeat 0 -35px;
        }
        .productHeader p.hook
        {
            width: 776px;
            margin-top: 4px;
            float: left;
            font-size: 18px;
            text-indent: 29px;
            color: #89BC05;
        }
        .productHeader .prodBackBtn
        {
            
            width: 0;
            height: 77px;
            padding-left: 28px;
            overflow: hidden;
            position: absolute;
            top: 5px;
            left: -10px;
            background: url(/common/images/product/prodBackBtn.png) no-repeat 0 0;
        }
        .productWrapper
        {
            clear: left;
            width: 1004px;
            float: left;
            background: url(/common/images/product/bg.png) no-repeat 0 0;
        }
        .upperSplit
        {
            padding-bottom: 24px;
            width: 1004px;
            float: left;
            background: url(/common/images/product/pageDivide.png) no-repeat 0 bottom;
        }
        a:hover#btnAddToBasket
        {
            background-position: 0px -15px;
        }
    </style>
    <style type="text/css">
        .leftContent
        {
            clear: both;
            width: 532px;
            padding-left: 10px;
            float: left;
            margin: 26px 0;
        }
        .leftContent .description
        {
            font-size: 12px;
        }
        .leftContent p
        {
            margin-bottom: 12px;
            font-size: 12px;
        }
        .leftContent .description h2
        {
            margin: 14px 0 8px 0;
            font-size: 1.3em;
            color: #4A4A4A;
        }
        .leftContent .description ul
        {
            margin: 0 10px;
        }
        .leftContent .description ul li
        {
            padding-left: 14px;
            margin: 4px 0;
            font-size: 12px;
            background: url(images1/bulletGreen.png) no-repeat 0 center;
        }
        .leftContent .description h2
        {
            margin: 14px 0 8px 0;
            font-size: 1.3em;
            color: #4A4A4A;
        }
        .leftContent h3
        {
            margin-bottom: 16px;
            letter-spacing: -1px;
            color: #4A4A4A;
        }
        .leftContent .yourCaddy h3
        {
            font-size: 1.5em;
        }
        .leftContent div.golfCaddyIcon
        {
            width: 131px;
            height: 149px;
            float: right;
            margin: -30px 0 30px 30px;
            background: url(/common/images/product/og-caddy.png) no-repeat;
        }
        .leftContent p
        {
            margin-bottom: 12px;
            font-size: 12px;
        }
        .leftContent .yourCaddy.ycLogin p
        {
            font-size: 1.2em;
        }
        .leftContent .yourCaddy.ycLogin p span
        {
            font-weight: bold;
            color: #89BC05;
        }
        .leftContent .yourCaddy.ycLogin a
        {
            background: url(images1/btn_login_create_acc.png) no-repeat 0 0;
            width: 184px;
            height: 24px;
            text-indent: -9999px;
            float: left;
            margin-top: 10px;
        }
        .leftContent .yourCaddy
        {
            margin-top: 30px;
        }
        .rightContent
        {
            width: 417px;
            float: right;
            margin: 26px 10px 26px 0;
        }
        .rightContent .feedbackContainer
        {
            clear: left;
        }
        .tabsContainer
        {
            height: 40px;
            padding-left: 4px;
            background: url(images1/tabbedNavBg.png) no-repeat 0 0;
        }
        ul.tabs
        {
            height: inherit;
            padding-top: 5px;
            background-image: inherit;
            background-repeat: no-repeat;
            background-position: right top;
        }
        ul.tabs li
        {
            float: left;
            margin: 0 1px;
        }
        ul.tabs li a.open
        {
            padding: 0 16px 0 0;
            color: black !important;
            background-position: right 0;
        }
        ul.tabs li a
        {
            line-height: 41px;
            padding: 0 16px 0 0;
            display: block;
            color: #676666 !important;
            background: url(images1/tab_right2.png) no-repeat right -35px;
        }
        ul.tabs li a.open strong
        {
            padding: 0 0 0 15px;
            background-position: 0 0;
        }
        ul.tabs li a strong
        {
            height: 35px;
            padding: 0 0 0 15px;
            display: block;
            background: url(images1/tab_left2.png) no-repeat 0 -35px;
            cursor: pointer;
        }
        .rightContent .feedbackContainer .tabsContainer .tabs a.open strong span
        {
            color: #89BC05;
        }
        .rightContent .feedbackContainer .bvReviewDiv
        {
            padding-left: 1px;
            background: url(/common/images/product/bvContainer.png) repeat-y 0 0;
        }
        .rightContent .feedbackContainer .bvReviewDiv .reviewForm
        {
            background: url(/common/images/product/bvContainer.png) no-repeat -834px 0;
        }
        .rightContent .feedbackContainerBottom
        {
            width: 417px;
            height: 6px;
            background: url(/common/images/product/bvContainer.png) no-repeat -417px bottom;
        }
    </style>
    <style type="text/css">
        ul.mediaTabs li
        {
            float: left;
            margin: 0 1px;
        }
        ul.mediaTabs li.open a
        {
            color: black;
            background-position: right bottom;
        }
        ul.mediaTabs li a
        {
            padding: 0 17px 0 0;
            display: block;
            color: #676666;
            background: url(/common/images/product/mediaTabs.png) no-repeat right 0;
        }
        ul.mediaTabs li.open a strong
        {
            background-position: 0 bottom;
        }
        ul.mediaTabs li a strong
        {
            padding: 9px 0 3px 16px;
            display: block;
            background: url(/common/images/product/mediaTabs.png) no-repeat 0 0;
        }
        ul.mediaTabs li.open a
        {
            color: black;
        }
        ul.mediaTabs li a
        {
            color: #676666;
        }
        .scroll_img
        {
            width: 270px;
            float: left;
            margin: 0 auto;
            padding: 5px;
            overflow: hidden;
            height: 56px;
        }
        .imgList li
        {
            float: left;
        }
        .rating
        {
            width: 100px;
            height: 14px;
            background: url(../Images/stars.png) no-repeat 0 -37px;
        }
        .rating.norating
        {
            background: none;
        }
        .rating .count
        {
            width: 0;
            height: 14px;
            float: left;
            background: url(../Images/stars.png) no-repeat 0 -56px;
        }
    </style>

    <script type="text/javascript">
        $(function() {
            //The value of screening the drop-down list box
            //When users click on the add to cart when the judge whether selected all of the select value if not for -1.
            $("#btnAddToBasket").click(function() {
                var falg = "false";
                var attr_ids = "";
                $(".select_option option:selected").each(function() {
                    if ($(this).val() == "-1") {
                        alert("Plase " + $(this).text());
                        falg = "false";
                        return false;
                    } else {
                        attr_ids += $(this).val() + ",";
                        falg = "true";
                    }
                });
                attr_ids = attr_ids.substring(0, attr_ids.length - 1);
                var _Quantity = $("#txt_Quantity").val();
                if (falg == "false") {
                    return false;
                }
                if (falg == "true") {
                    window.location.href = 'http://<%= HttpContext.Current.Request.Url.Host %>/GolfCart/InitCart.aspx?pro_Id=<%=Id %>&skuId=' + attr_ids + '&quantity=' + _Quantity;
                    return false;
                }
            });

        });    
    </script>

</head>
<body>
    <form id="form1" runat="server" style="width: 1004px; margin: 0px auto; background-color: White;">
    <UserHeader:Header ID="UserHeader" runat="server" />
    <div class="productWrapper">
        <div class="upperSplit">
            <div class="productHeader">
                <%--Product name--%>
                <h1 class="specProd" runat="server" id="pro_Name">
                </h1>
                <p class="hook">
                    &nbsp;&nbsp;</p>

                <script type="text/javascript">
                    if (history.length != 1) {
                        $('.prodBackBtn').show();
                    }
                    else {
                        $('.prodBackBtn').hide();
                    }
                </script>

                <a href="#" onclick="window.history.back(); return false;" title="Go Back" class="prodBackBtn">
                    Back</a>
            </div>
            <div id="Content">
                <div id="Content_LeftMax" style="background: url(images/mediaBgTall.png); height: 492px;
                    width: 394px; float: left;">
                    <ul class="mediaTabs" style="height: 30px; padding-left: 5px; padding-top: 4px;">
                        <li class="images open"><a href="#" title=""><strong>Images</strong></a></li>
                    </ul>
                    <div id="Content_Left" style="margin: 0px auto; width: 100%; height: 429px;">
                        <div class="pro_detail_left" style="padding-left: 20px; padding-top: 3px; width: 348px;">
                            <asp:Repeater ID="rep_proImg_001" runat="server">
                                <ItemTemplate>
                                    <%--Bind first picture--%>
                                    <div class="jqzoom" style="margin-top: 2px;">
                                        <img src="http://<%=http_Host %>/ImageProducts/<%#Eval("Str1") %>" class="fs" alt="" jqimg="http://<%=http_Host %>/ImageProducts/<%#Eval("Str2") %>"
                                            id="bigImg" />
                                    </div>
                                    <span><a href="http://<%=http_Host %>/ImageProducts/<%#Eval("Str2") %>" id="thickImg" title="<%#Eval("Str3") %>"
                                        class="thickbox">
                                        <img alt="Click to enlarge" src="images/look.gif" />
                                    </a></span>
                                </ItemTemplate>
                            </asp:Repeater>
                            <div class="box" id='demo3' style="position: relative; padding-left: 25px;">
                                <div class="scroll_img">
                                    <ul class="imgList">
                                        <asp:Repeater ID="rep_proImg" runat="server">
                                            <ItemTemplate>
                                                <li>
                                                    <img src="http://<%=http_Host %>/ImageProducts/<%#Eval("Str1") %>" alt="" /></li>
                                            </ItemTemplate>
                                        </asp:Repeater>
                                    </ul>
                                </div>
                                <div style="width: 30px; height: 66px; float: left; line-height: 65px; position: absolute;
                                    left: 0px;">
                                    <!--A piece of-->
                                    <span id="prev" style="background: url(images/next_l.gif) no-repeat center; cursor: pointer;
                                        display: block; width: 20px; height: 65px;"></span>
                                </div>
                                <div style="width: 20px; height: 65px; float: right; line-height: 65px;">
                                    <!--One piece-->
                                    <span style="background: url(images/next_r.gif) no-repeat center; cursor: pointer;
                                        display: block; width: 20px; height: 65px;" id="next"></span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div id="Content_Right">
                    <div id="Content_Right_Top">
                        <div id="topmessage" style="float: left; width: 100px; text-align: right; padding-right: 10px;
                            font-size: 12px; font-weight: bold;">
                            Customer Rating</div>
                        <div id="topimage">
                            <div class="rating" vmlbg="images/stars.png">
                                <div class="count" style="behavior: none; width: <%=_star_count %>px; zoom: 1; position: relative"
                                    vmlbg="images/stars.png">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div id="Content_Right_Center">
                        <div id="Right_Center1" style="width: 370px; float: left; margin: 0px; height: 308px;">
                            <div id="Right_Centerleft">
                                <div class="Details">
                                    <ul>
                                        <asp:Repeater ID="repAttr" runat="server">
                                            <ItemTemplate>
                                                <li>
                                                    <%--Product attributes--%>
                                                    <%#Eval("Str1") %>
                                                    <%#Eval("Str2") %>
                                                </li>
                                            </ItemTemplate>
                                        </asp:Repeater>
                                        <li>
                                            <div class='li_One'>
                                                Quantity
                                            </div>
                                            <div class='li_Two'>
                                                <input type="text" style="border: 1px solid #ccc; padding: 3px; width: 30px;" maxlength="3"
                                                    value="1" id="txt_Quantity" />

                                                <script type="text/javascript">
                                                    $(function() {
                                                        var Quantity = "";
                                                        $("#txt_Quantity").focus(function() {
                                                            Quantity = $(this).val();
                                                            if (!isNaN(Quantity)) {
                                                                Quantity = $(this).val();
                                                            }
                                                            else {
                                                                Quantity = "";
                                                                $(this).val("1");
                                                            }
                                                        });

                                                        $("#txt_Quantity").blur(function() {
                                                            var _Quantity = $(this).val();

                                                            var type = "^[0-9]*[1-9][0-9]*$";
                                                            var re = new RegExp(type);
                                                            if (_Quantity.match(re) == null) {
                                                                $(this).val("1");
                                                                return;
                                                            }
                                                            if (!isNaN(_Quantity)) {
                                                                if (_Quantity == "") {
                                                                    $(this).val("1");
                                                                }
                                                            }
                                                            else {
                                                                if (!isNaN(Quantity)) {
                                                                    if (Quantity == "") {
                                                                        $(this).val("1");
                                                                    } else {
                                                                        $(this).val(Quantity);
                                                                    }
                                                                } else {
                                                                    $(this).val("1");
                                                                }
                                                            }
                                                        });
                                                    });
                                                </script>

                                            </div>
                                        </li>
                                    </ul>
                                </div>
                                <div id="centershow">
                                    <div id="centershowimage">
                                    </div>
                                    <div id="centershowconte" style="padding: 8px 0px 4px 10px;">
                                        <a href="https://twitter.com/share" class="twitter-share-button">Tweet</a>

                                        <script>                                            !function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (!d.getElementById(id)) { js = d.createElement(s); js.id = id; js.src = "//platform.twitter.com/widgets.js"; fjs.parentNode.insertBefore(js, fjs); } } (document, "script", "twitter-wjs");</script>

                                        <!-- The mark on your hopes to present +1 button position -->
                                        <g:plusone size="medium"></g:plusone>
                                        <!-- The present call is placed in the appropriate location -->

                                        <script type="text/javascript">
                                            (function() {
                                                var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
                                                po.src = 'https://apis.google.com/js/plusone.js';
                                                var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
                                            })();
                                        </script>

                                        <div class="fb-like" data-send="true" data-layout="button_count" data-width="45"
                                            data-show-faces="true">
                                        </div>

                                        <script>                                            (function(d, s, id) {
                                                var js, fjs = d.getElementsByTagName(s)[0];
                                                if (d.getElementById(id)) return;
                                                js = d.createElement(s); js.id = id;
                                                js.src = "//connect.facebook.net/zh_CN/all.js#xfbml=1";
                                                fjs.parentNode.insertBefore(js, fjs);
                                            } (document, 'script', 'facebook-jssdk'));</script>

                                    </div>
                                </div>
                                <div id="centerlast">
                                    <ul class="comfortTones" style="margin: 0px; padding: 0px;">
                                        <li class="freeDelivery">Within 2 - 5 working days</li>
                                        <li class="moneyback">For complete details, read our <a href="http://www.onlinegolf.co.uk/customer-services/returns.aspx"
                                            title="Returns &amp; Refund Policy">Returns &amp; Refunds Policy</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div id="Right_Center2">
                            <div id="priceContainer">
                                <div id="udpPrice">
                                    <div class="priceInner" style="text-align: center;" runat="server" id="bind_pirce_">
                                     
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div id="Right_Bottom" style="clear: both; width: 568px; height: 125px; padding: 8px 12px;
                        border: 1px solid #ccc;">
                        <ul class="perfectPartner_Ul">
                            <asp:Repeater ID="rep_like" runat="server">
                                <ItemTemplate>
                                    <li style="float: left; height: 104px;">
                                        <div class="pProd">
                                            <div class="pTitle">
                                                <%#Eval("Pro_Name")%></div>
                                            <div class="placeholder">
                                                <a title="<%#Eval("Pro_Name")%>" href="header.htm">
                                                    <img style="height: 57px; width: 85px; border-width: 0px;" alt="<%#Eval("Pro_Name")%>"
                                                        src="ImageProducts/<%#Eval("Pro_Picture")%>" id="imgPPProd"></a>
                                            </div>
                                            <div class="priceCont">
                                                <div class="pPriceLabel">
                                                    Price</div>
                                                <div class="pPrice">
                                                    $<%#Eval("Pro_MarketPrice")%></div>
                                            </div>
                                        </div>
                                    </li>
                                </ItemTemplate>
                            </asp:Repeater>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="leftContent">
        <%--Product description--%>
        <div class="description" id="remark" runat="server">
        </div>
    </div>
    <div class="rightContent">
        <a name="reviews"></a><a name="questions"></a>
        <div class="feedbackContainer">
            <div class="tabsContainer">
                <ul class="tabs">
                    <li class="bvReviews"><a class="open" href="#reviews" title=""><strong>Customer <span>
                        REVIEWS</span></strong></a></li>
                </ul>
            </div>
            <div class="bvReviewDiv" style="display: block;">
                <div class="reviewForm" style="height: <%=_count_curs*600%>px;">
                    <asp:Repeater ID="rep_reviews" runat="server" OnItemDataBound="rep_reviews_ItemDataBound">
                        <ItemTemplate>
                            <div style="border-bottom: 1px solid #ccc; padding: 12px;">
                                <div style="padding: 5px; text-align: center;">
                                    <span style="float: left; font-weight: bold;">Overall:</span>
                                    <%#Eval("CommentScore")%>
                                    <img src="http://reviews.onlinegolf.co.uk/6013promo-en_gb/5_0/5/rating.gif" alt="5 out of 5"
                                        title="5 out of 5"></div>
                                <div style="height: 1px;">
                                </div>
                                <div class="curs_">
                                    <asp:Repeater ID="rep_cursdetail" runat="server">
                                        <ItemTemplate>
                                            <ul style="width: 249px; float: left;">
                                                <li>
                                                    <div class="li_One">
                                                        Location:</div>
                                                    <div class="li_Two" style="width: 150px;">
                                                        <%#Eval("Province")%></div>
                                                </li>
                                                <li>
                                                    <div class="li_One">
                                                        Gender:</div>
                                                    <div class="li_Two">
                                                        <%#Eval("sex")%>
                                                    </div>
                                                </li>
                                                <li>
                                                    <div class="li_One">
                                                        Handicap:</div>
                                                    <div class="li_Two">
                                                        <%#Eval("Birthday")%>
                                                    </div>
                                                </li>
                                                <li>
                                                    <div class="li_One">
                                                        Day of birth:</div>
                                                    <div class="li_Two">
                                                        <%#Eval("Birthday")%>
                                                    </div>
                                                </li>
                                                <li>
                                                    <div class="li_One">
                                                        Month of birth:</div>
                                                    <div class="li_Two">
                                                        <%#Eval("Birthday")%>
                                                    </div>
                                                </li>
                                                <li>
                                                    <div class="li_One">
                                                        Year of birth:</div>
                                                    <div class="li_Two">
                                                        <%#Eval("Birthday")%></div>
                                                </li>
                                            </ul>
                                        </ItemTemplate>
                                    </asp:Repeater>
                                </div>
                                <div style="height: 1px; clear: both;">
                                </div>
                                <div style="padding: 20px 0px 20px 0px;">
                                    <span style="float: left; color: #89BC05;">
                                        <%#Eval("CommentTitle")%></span> <span style="float: right;">
                                            <%#Eval("CommentTime")%></span>
                                </div>
                                <div class="_curs_Count" style="clear: both; padding-bottom: 23px; padding-top: 20px;">
                                    <%#Eval("CommentContent")%>
                                </div>
                                <div>
                                    Share this Review:</div>
                            </div>
                        </ItemTemplate>
                    </asp:Repeater>
                </div>
            </div>
        </div>
        <div class="feedbackContainerBottom">
        </div>
    </div>
    <div style="clear: both; width: 1px;">
    </div>
    <UserFooter:Footer ID="UserFooter" runat="server" />
    <UserToolbal:Toolbal ID="UserToolbal" runat="server" />
    </form>
</body>
</html>
<%--Picture scroll--%>

<script src="Script/common/jquery.XYMarquee.js" type="text/javascript"></script>

<!-- Method call -->

<script type="text/javascript">
    $(function() {
        $("#demo3").XYMarquee({
            _direction: 'left',
            _btnNext: "next",
            _btnPrev: "prev",
            _auto: false,
            _item: "1"
        });
    });	
</script>

